<template>
    <div class="order-container">
        <div class="header">
            <h4>订单入账</h4>
        </div>
        <div class="order-con">
            <el-tabs>
                <el-tab-pane label="订单信息" name="0">
                    <details-table :detailsList="orderList"></details-table>
                </el-tab-pane>
                <el-tab-pane label="收货和物流信息" name="1">
                    <other-info :list.sync="orderList"></other-info>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
    import OtherInfo from './OtherInfo'
    import DetailsTable from './DetailsTable';

    export default {
        components: {
            DetailsTable,
            OtherInfo
        },
        data() {
            return {
                orderList: [],
                tableLoading: true,
            }
        },
        watch: {},
        created(){
            this.orderList = this.$route.query.row;
            console.log('细节',this.orderList);
            console.log('类型',typeof this.orderList)
        },
        computed: {},
        mounted() {

        },
        methods: {

        }
    }
</script>
<style scoped>
    .order-container {
        min-height: calc(100vh - 92px);
    }

    .flex-box {
        display: flex;
    }

    .header {
        padding: 10px;

        background: #FFFFFF;
    }

    .order-con {
        margin: 10px;
        padding: 20px;
        background: #FFFFFF;
    }

    .order-con__title {
        padding-bottom: 10px;
        border-bottom: 1px dashed #D8D8D8;
    }

    .table-box {
        min-height: calc(100vh - 92px);
    }

    .pagination {
        display: flex;
        align-items: center;
        justify-content: space-around;

        width: 100%;
    }

</style>
<style>

</style>